<script setup lang="ts">
import { SIDE_BAR_CONFIG } from '@/config/side-bar'
import SideBar from '@/components/side-bar.vue'
import MainContent from './main-content.vue'
import HeaderBar from '@/components/header-content/index.vue'
import SwitchTheme from '@/components/switch-theme.vue'
</script>

<template>
  <a-layout class="home-class text-sm subpixel-antialiased">
    <a-layout-header id="header-input" class="relative flex justify-center">
      <HeaderBar class="w-3/4" />
    </a-layout-header>
    <a-layout>
      <a-layout-sider> </a-layout-sider>
      <a-layout-content>
        <main-content />
      </a-layout-content>
      <a-layout-sider class="relative">
        <side-bar :side-bar-config="SIDE_BAR_CONFIG" />
        <switch-theme class="absolute right-36 bottom-36" />
      </a-layout-sider>
    </a-layout>
  </a-layout>
</template>

<style lang="scss" scoped>
.home-class {
  // background: url('/bg.jpg') no-repeat;
  // background-size: 100% 100%;
  // background-attachment: fixed;
}
</style>
